﻿ /* Shared styles */
.drop-shadow {
            position:relative;
            float:left;
            width:265px;
            /*height:235px;    */
            padding:2px; 
            margin:5px 5px 4px; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 50px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
        }
        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }        
        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }        
        /* Lifted corners */
        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        /* Curved shadows */
        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
            -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
            box-shadow:0 0 10px rgba(0,0,0,0.2);
            -moz-border-radius:5px / 100px;
            border-radius:10px / 100px;
        }        
        .curved-vt-2:before {
            right:0;
        }        
        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:50px / 10px;
            border-radius:100px / 10px;
        }
        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }